
<!DOCTYPE html>
<html>
<head>
    <title>实验整合</title>
    <!-- 外部样式表 -->
    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
    <!-- 内部样式表 -->
    <style>
        body { background-color: #f0f0f0; }
        h1 { color: navy; }
    </style>
</head>
<body>
    <h1>主页面</h1>
    <!-- 内联样式 -->
    <p style="font-style: italic;">欢迎访问实验整合页面</p>
    
    <img src="{{ url_for('static', filename='example.jpg') }}" alt="示例图片" width="200">
    <a href="/user/Alice">访问动态路由</a><br>
    <a href="/info">查看请求信息</a><br>
    <a href="/items">查看动态列表</a><br>
    <a href="/child">模板继承示例</a>
</body>
</html>